<template>
  <div>
      <el-input 
       type="textarea"
       v-model="input"
        :autosize="{minRows: 2, maxRows: 3}"
       placeholder="textarea"></el-input>
       <el-input 
       type="textarea"
       v-model="input"
        autosize
       placeholder="textarea"></el-input>
        <el-divider content-position="right">  分割线</el-divider>
        <textarea cols="30" rows="10" v-model="msg"></textarea>
    <p>{{ msg }}</p>
     <el-button style="margin-top: 12px;" @click="next">下一步</el-button> -->
  </div>

  
</template>

<script>
export default {
data(){
    return{
input:'',
msg:'嘎嘎嘎'
    }
},
  methods: {
next(){
  this.$emit("steps1",this.msg,true)
}
  },
destroyed(){
   console.log("修改成功！---------离开-----destroyed-----11--------")
},
  beforeRouteLeave(to, form, next) {
       console.log("修改成功！---------离开-----destroyed-----beforeRouteLeave--------"+JSON.stringify(form))

    next()
  }
}
</script>

<style scoped>

.div{
 width: 140px;
}
</style>